window.onload = function()
{	
	// Skapa en osorterad lista.
	var ul = document.createElement("ul");
	
	// Lägg i listans innehåll i content elementet.
	document.getElementById("content").appendChild(ul);
	
	
	// Skapa 10 list element.
	for(var i = 1; i <= 10; i++)
	{
		createLink(i);
	}
	
	// Skapa en ny funktion för att i ska bli samma sak
	// som inparametern istället för vad i är efter att 
	// loopen körts klart.
	function createLink(a_nr)
	{
		// Skapa ett listelement och ett länkelement.
		var li = document.createElement("li");
		var a = document.createElement("a");
		
		a.href="#";
		a.innerHTML = "Klicka för att vissa siffra: "+i;
		
		
		// Innre funktion, i får värdet när funktionen körs. Eftersom
		// funktionen körs långt efter att loopen är klar så kommer i 
		// alltid att vara 11. 
		a.onclick = function()
		{
			document.getElementById("counter").innerHTML = "Räknaren är nu: "+i;
		}
		
		li.appendChild(a);
		ul.appendChild(li);
	}
}



/*
	// Skapa 10 list element.
	for(var i = 1; i <= 10; i++)
	{
		li = document.createElement("li");
		a = document.createElement("a");
		
		a.href="#";
		a.innerHTML = "Klicka för att vissa siffra: "+i;
		
		
		// Innre funktion, i får värdet när funktionen körs. Eftersom
		// funktionen körs långt efter att loopen är klar så kommer i 
		// alltid att vara 11. 
		a.onclick = function()
		{
			document.getElementById("counter").innerHTML = "Räknaren är nu: "+i;
		}
		
		li.appendChild(a);
		ul.appendChild(li);
	}
	*/